<script type="text/javascript"
	src="views/framework/dataDict/js/dataDictManage.js"></script>
<script>
	var dictList = null;
	$(document).ready(function() {
		dictList = new dataDictList($("#dataDictListDiv"));
	});
</script>

<div class="main" id="dataDictListDiv" style="height: 100%;">
	<div class="tree-structure" id="dataDictTreeView"></div>
	<div class="resource-panel">
		<div class="search-panel"
			style="width:calc(100% - 250px - 20px);float:left;">
			<div class="search-text">
				<label>字典名称：</label> <input class="k-textbox"
					data-bind="value:modelName" validationMessage="名称只能为汉字大小写因为字母、数字"
					pattern="^[\u4e00-\u9fa5A-Za-z0-9]*$" />
			</div>
			<div class="search-text">
				<label>字典键：</label> <input class="k-textbox"
					data-bind="value:modelKey" validationMessage="键只能为大小写字母数字以及下划线"
					pattern="^[\u4e00-\u9fa5A-Za-z0-9_]*$" />
			</div>
			<div class="search-text">
				<label>字典值：</label> <input class="k-textbox"
					data-bind="value:modelValue" validationMessage="值只能为大小写因为字母、数字"
					pattern="^[A-Za-z0-9]*$" />
			</div>
			<div class="search-Btn">
				<button data-bind="click:queryInfo">查询</button> <button data-bind="click:resetInfo">重置</button>
			</div>
		</div>
		<div class="dataList" style="width:calc(100% - 250px - 10px);height:calc(100% - 65px);float:left;">
			<div id="dataDictList" class="gridStyle" style="height: 100%"></div>
		</div>
	</div>
</div>